<!DOCTYPE html>
<html lang="en" style="font-size: 100px;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>科室呼叫</title>
    <style>
        :root {
            /*//#4e1423*/
            --skin-background-color: #a6805b;
            --skin-color: #fff;
            --skin-main-bg-color: #81481d;
            --skin-main-color: #fff;
            --skin-header-bg-color: var(--skin-main-bg-color);
            --skin-header-color: var(--skin-color);
            --skin-footer-bg-color: var(--skin-main-bg-color);
            --skin-footer-color: var(--skin-color);
            --skin-header-just-color: var(--skin-main-color);
            --skin-header-await-color: var(--skin-main-color);
            --skin-content-just-color: red;
            --skin-content-await-color: #009688;
            --skin-content-column-border:rgba(12, 161, 229, 0.2);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            user-select: none;
        }
        html, body {
            width: 100%;
            height: 100%;
            -webkit-font-smoothing: antialiased;
            font-size: 0.30rem;
        }
        body {
            padding: 0;
            display: flex;
            flex-direction: column;
            background: var(--skin-background-color);
            color: var(--skin-color);
        }
        .yy-screen-header {
            flex: 0 0 1rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0 0.10rem;
            background: var(--skin-header-bg-color);
            color: var(--skin-header-color);
            font-weight: bold;
        }
        .yy-screen-header_customer, .yy-screen-header_title, .yy-screen-header_time {
            flex: 1;
            display: inline-flex;
            min-width: 0;
        }
        .yy-screen-header_customer {
            justify-content: flex-start;
            font-size: 0.32rem;
            flex: 0 0 30%;
        }
        .yy-screen-header_title {
            justify-content: center;
            font-size: 0.60rem;
            flex: auto;
            min-width: 0;
            align-items: center;
            height: 100%;
        }
        .yy-screen-header_title > div.title {
            background: var(--skin-main-bg-color);
            padding: 0 0.5rem;
            border-bottom-left-radius: 0.50rem;
            border-bottom-right-radius: 0.50rem;
            box-shadow: 0 0 0.12rem 0 #333;
            color: var(--skin-main-color);
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .yy-screen-header_time {
            justify-content: flex-end;
            font-size: 0.3rem;
            flex: 0 0 25%;
        }
        .yy-screen-content {
            flex: 1;
            min-height: 0;
            padding: 0.1rem;
            border: 0;
            color: #333;
            display: flex;
            flex-direction: column;
            font-size: 0.4rem;
        }

        .yy-screen-content_row {
            width: 100%;
            display: flex;
            flex-direction: row;
            margin: 0.05rem;
            color: var(--skin-color);
        }
        .yy-screen-content_row-dept {
           flex: 0 0 3.5rem;
           border: 0.02rem solid #c0c0c0;
            padding: 0.05rem 0.15rem;
            font-size: 0.48rem;
        }
        .yy-screen-content_row-dept-title {
            display: inline-flex;
            width: 100%;
            justify-content: center;
            padding: 0.04rem;
        }
        .yy-screen-content_row-dept-doctor {
            display: inline-flex;
            width: 100%;
            font-size: 0.3rem;
            justify-content: space-between;
        }
        .yy-screen-content_row-dept-next{
            display: inline-flex;
            width: 100%;
            font-size: 0.3rem;
            justify-content: space-between;
        }

        .yy-screen-content_row-cell {
            display: flex;
            flex-direction: column;
            flex: 1;
            min-width: 0;
            font-size: 0.25rem;

        }
        .yy-screen-content_row-cell-list {
            display: flex;
            flex-direction: row;
            height: 100%;
            width: 100%;
        }
        .yy-screen-content_row-cell-list-item {
            flex: 1;
            border: 0.02rem solid #c0c0c0;
            min-height: 1.2rem;
            padding: 0.1rem;
        }


        .yy-screen-footer {
            flex: 0 0 0.60rem;
            background: var(--skin-footer-bg-color);
            border-radius: 4px;
            color: var(--skin-footer-color);
            padding: 0rem;
            display: flex;
        }
        .yy-screen-footer_company {
            flex: 0 0 2rem;
        }
        .yy-screen-footer_text {
            flex: 1;
            min-width: 0;
            padding: 0.15rem;
            display: inline-flex;
            align-items: center;
        }

        #yy-screen-just-call {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            padding: 0;
            background: #f1f1f1;
            box-shadow: 0 0 10px 5px #ddd;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            white-space: nowrap;
            letter-spacing: 0.1rem;
            font-size: 0.6rem;
            font-weight: bold;
            max-width: 90%;
        }
        #yy-screen-just-call .yy-screen-just-call__message > div:first-child {
            padding: 0.1rem 0.25rem;
            margin-bottom: 0.2rem;
            font-size: 1.8rem;
            background: var(--skin-main-bg-color);
            color: var(--skin-main-color);
        }
        #yy-screen-just-call .yy-screen-just-call__message > div:last-child {
            padding: 0.1rem 0.25rem 0.3rem;
        }

        #yy-screen-just-call .yy-screen-just-call__message-patient,
        #yy-screen-just-call .yy-screen-just-call__room {
            color: #e81123;
            font-weight: bold;
            font-size: 0.6rem;
        }

        .marquee {
            overflow: hidden;
            width: 100%; /* 设置滚动容器的宽度 */
            position: relative; /* 为了使用绝对定位 */
        }
        .marquee pre{
            white-space: nowrap;
            display: inline-block;
            animation: marquee 60s linear infinite;
            animation-delay: -60s;
            padding-left: 100%;
        }

        .marquee pre:nth-child(2) {
            animation: marquee-two 60s linear infinite;
            animation-delay: -30s;
        }

        /* 定义关键帧动画 */
        @keyframes marquee {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }
        @keyframes marquee-two {
            0% {
                transform: translateX(0%);
            }
            100% {
                transform: translateX(-200%);
            }
        }


        .scroll-text-box {
            width: 100%;
            border: 0;
            text-align: center;
        }

        .scroll-text-wrapper {
            max-width: 100%;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
            white-space: nowrap;
        }

        .scroll-text-item {
            animation: scroll linear 4s alternate infinite;
            float: left;
        }

        @keyframes scroll {
            0% {
                margin-left: 0;
                transform: translateX(0);
            }

            10% {
                margin-left: 0;
                transform: translateX(0);
            }

            90% {
                margin-left: 100%;
                transform: translateX(-100%);
            }

            100% {
                margin-left: 100%;
                transform: translateX(-100%);
            }
        }
    </style>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript">

        var CallPage = (function (Utils, win, doc, TTS) {
            var _deviceIp = null
            var _deviceRoom = null
            var _appKey = null
            var _appSecret = null
            // 显示数据队列
            var _callData = []
            var _rowCount = 1
            var _pageIndex = 1
            var _pageChangeInterval = 10
            // 叫号弹窗提示队列
            var _dialogShowMessage = []
            var _dialogIsShow = false
            var _messageBroadcast = null
            return {
                _dialogItemChangeInterval: null,
                getMessage: function (params, template) {
                    var defaultTemplate = '请 #{registerNo}号#{patientName}到#{roomName}就诊'
                    var messageTemplate = template ? template : defaultTemplate
                    var paramKeys = messageTemplate.match(/#\{[a-z0-9A-Z_]+\}/g)
                    if (paramKeys.length) {
                        for(var par of paramKeys) {
                            var paramKey = par.substring(2, par.length - 1)
                            var parReg = new RegExp(par, 'ig')
                            messageTemplate = messageTemplate.replace(parReg, params[paramKey])
                        }
                    }
                    return messageTemplate
                },
                sayMessage:function (messages) {
                    if (_messageBroadcast) {
                        _messageBroadcast['sayMessages'](messages)
                    } else {
                        TTS.sayMessages(messages)
                    }
                },
                setMeta: function (deviceIp, appKey, appSecret, messageBroadcast) {
                    _appKey = appKey
                    _appSecret = appSecret
                    _deviceIp = deviceIp
                    _messageBroadcast = messageBroadcast
                },
                setDevice: function (obj, appKey, appSecret, ip) {
                    _deviceRoom = obj || null
                },
                // 查询当前登录的医师及诊室信息列表
                selectCurrentLogin: function () {
                    if (_deviceRoom) {
                        Utils.request(Utils.baseUrl + '/queue/device/' + _deviceRoom.device.id + '/connect/room/list', 'get', null, function(error, res) {
                            if (!error && res && res.code === 200 && res.data) {
                                CallPage.clear()
                                _callData = res.data
                                CallPage.render()
                            }
                            setTimeout(function () {
                                CallPage.selectCurrentLogin()
                            }, 5 * 1000)
                        })
                    }
                },
                call: function (data) {
                    const index = _callData.findIndex(item => item.roomId === data.roomId && item.emplId === data.emplId)
                    if (index >= 0) {
                        _callData[index].just = data.just
                        if (data.await && data.await.length ) {
                            _callData[index].await = data.await
                        }
                        this.renderRow(index, _callData[index])
                        var callData = {
                            registerNo:data.callJust.registerNo,
                            emplName: _callData[index].emplName,
                            itemName: _callData[index].itemName,
                            roomName: _callData[index].roomName,
                            patientName: data.callJust.patientName
                        }
                        var message = CallPage.getMessage(callData)
                        this.openCallDialog(this.getDialogMessage(callData))
                        CallPage.sayMessage([message])
                    } else {
                        CallPage.add(data)
                    }
                },
                changeEmplStatus: function (data) {
                    const index = _callData.findIndex(item => item.roomId === data.roomId && item.emplId === data.emplId)
                    if (index >= 0) {
                        _callData[index].emplStatus = data.status
                        this.renderRow(index, _callData[index])
                    }
                },
                getDialogMessage: function (data, template) {
                    var defaultTemplate = `
                        <div>请${data.registerNo}号 ${Utils.formatPatientName(data.patientName)}</div>
                        <div> 到${data.roomName}就诊</div>
                    `
                    return defaultTemplate
                },
                showCallDialog: function () {
                    var _this = this
                    if (_dialogShowMessage && _dialogShowMessage.length) {
                        var message = _dialogShowMessage[0]
                        var dialog = document.querySelector('div#yy-screen-just-call')
                        dialog.querySelector('div.yy-screen-just-call__message').innerHTML = message
                        dialog.removeAttribute("style")
                        _dialogShowMessage.splice(0, 1)
                        _dialogIsShow = true
                        setTimeout(function() {
                            _this.showCallDialog()
                        }, 5000)
                    } else {
                        _dialogIsShow = false
                        document.querySelector('div#yy-screen-just-call').setAttribute("style", "display: none;")
                    }
                },
                openCallDialog: function(data) {
                    _dialogShowMessage.push(data)
                    if (!_dialogIsShow) {
                        this.showCallDialog()
                    }
                },
                add: function (data) {
                    const index = _callData.findIndex(item => item.roomId === data.roomId && item.emplId === data.emplId)
                    if (index < 0) {
                        _callData.push(data)
                        CallPage.generateTitle()
                        this.render()
                    }
                },
                remove: function (data) {
                    var index = _callData.findIndex(item => item.roomId === data.roomId && item.emplId === data.emplId)
                    if (index >= 0) {
                        _callData.splice(index, 1)
                        this.clear()
                        this.renderPage()
                    }
                },
                generateTitle: function () {
                    var departNameStr = ''
                    for (var data of _callData) {
                        if (!departNameStr.includes(data.departName)) {
                            if (departNameStr) {
                                departNameStr += ','
                            }
                            departNameStr += data.departName
                        }
                    }
                    if (departNameStr) {
                        document.querySelector('div.yy-screen-header_title > div').style.display = ''
                        document.querySelector('div.yy-screen-header_title > div').innerHTML = departNameStr
                    } else {
                        document.querySelector('div.yy-screen-header_title > div').style.display = 'none'
                    }
                },
                init: function () {
                    var dataContainer = document.querySelector('div.yy-screen-content_list')
                    var rowTemplate = document.querySelector('div#html-template-container > div.yy-screen-content_list-row')
                    var containerHeight = dataContainer.getBoundingClientRect().height;
                    var firstRow = document.createElement('div')
                    firstRow.setAttribute('class', 'yy-screen-content_list-row')
                    firstRow.setAttribute('data-index', 0)
                    firstRow.innerHTML = rowTemplate.innerHTML
                    dataContainer.append(firstRow)
                    var rowHeight = firstRow.getBoundingClientRect().height;
                    _rowCount = Math.floor(containerHeight / rowHeight)
                    var otherHeight = containerHeight - _rowCount * rowHeight
                    var perAddHeight = otherHeight / _rowCount
                    for (var i = 1; i < _rowCount; i++) {
                        var row = document.createElement('div')
                        row.setAttribute('data-index', i)
                        row.setAttribute('class', 'yy-screen-content_list-row')
                        row.setAttribute('style', 'height:' + (rowHeight + perAddHeight) + 'px')
                        row.innerHTML = rowTemplate.innerHTML
                        dataContainer.append(row)
                    }
                    return this
                },
                clear: function () {
                    if (CallPage._dialogItemChangeInterval) {
                        clearTimeout(CallPage._dialogItemChangeInterval)
                        CallPage._dialogItemChangeInterval = null
                    }
                    var dataContainer = document.querySelector('div.yy-screen-content_list')
                    for (var i = 0; i < _rowCount; i++) {
                        var rowContainer = dataContainer.querySelector('div[data-index="'+i+'"]')
                        var rowRoomEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(1)')
                        rowRoomEle.innerText = ''
                        var rowItemEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(2)')
                        rowItemEle.innerText = ''
                        var rowEmplEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(3)')
                        rowEmplEle.innerText = ''
                        var rowJustEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(4)')
                        rowJustEle.innerHTML = ''
                        var rowAwaitEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(5)')
                        rowAwaitEle.innerHTML = ''
                    }
                    return this
                },
                removeUI: function () {
                    if (CallPage._dialogItemChangeInterval) {
                        clearTimeout(CallPage._dialogItemChangeInterval)
                        CallPage._dialogItemChangeInterval = null
                    }
                    var dataContainer = document.querySelector('div.yy-screen-content_list')
                    dataContainer.innerHTML = ""
                    return this
                },
                renderRow: function (index, rowData) {
                    var dataContainer = document.querySelector('div.yy-screen-content_list')
                    var rowContainer = dataContainer.querySelector('div[data-index="'+(index % _rowCount)+'"]')
                    var rowRoomEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(1)')
                    rowRoomEle.innerHTML = `<div class='scroll-text-box'> <div class='scroll-text-wrapper'> <div class='scroll-text-item'>${rowData.roomName}</div></div></div>`
                    var rowItemEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(2)')
                    rowItemEle.innerText = rowData.itemName
                    var rowEmplEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(3)')
                    var prefix = "";
                    if (rowData.emplStatus === 0) {
                        prefix = "(<span style='color: red;'>暂停</span>)"
                    }
                    rowEmplEle.innerHTML = rowData.emplName + prefix
                    var rowJustEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(4)')

                    if (rowData.just && rowData.just.length > 0) {
                        var rowJustEleHtml = '<span>';
                        var justData = rowData.just[rowData.just.length - 1]
                        if(justData.scheduleFlag) {
                            rowJustEleHtml += `<span>(预)</span>`
                        }
                        rowJustEleHtml += `<span>${justData.registerNo  + "号 " + Utils.formatPatientName(justData.patientName)}</span>`
                        rowJustEleHtml += '</span>';
                        rowJustEle.innerHTML = rowJustEleHtml
                    } else {
                        rowJustEle.innerHTML = ''
                    }
                    var rowAwaitEle = rowContainer.querySelector('div.yy-screen-content_column:nth-child(5)')
                    var rowAwaitEleHtml = '';
                    if (rowData.await && rowData.await.length > 0) {
                        var len = Math.min(2, rowData.await.length)
                        for(let j = 0; j < len; j++) {
                            rowAwaitEleHtml += '<span>'
                            if (rowData.await[j].scheduleFlag) {
                                rowAwaitEleHtml += `<span>(预)</span>`
                            }
                            rowAwaitEleHtml += `<span>${rowData.await[j].registerNo  + "号 " + Utils.formatPatientName(rowData.await[j].patientName)}</span>`
                            rowAwaitEleHtml += '</span>'
                        }
                        rowAwaitEle.innerHTML = rowAwaitEleHtml
                    } else {
                        rowAwaitEle.innerHTML = ''
                    }
                },
                renderPage: function () {
                    var dataList = _callData.slice((_pageIndex - 1) * _rowCount , (_pageIndex - 1) * _rowCount + _rowCount)
                    for (var i = 0; i < dataList.length; i++) {
                        this.renderRow(i, dataList[i])
                    }
                    return this
                },
                render: function () {
                    var that = this
                    var pageCount = _callData.length % _rowCount === 0 ? _callData.length / _rowCount : Math.ceil(_callData.length / _rowCount)
                    if(_pageIndex > 1) {
                        this.clear()
                    }
                    this.generateTitle()
                    this.renderPage()
                    if (_pageIndex + 1 <= pageCount) {
                        _pageIndex += 1
                    } else {
                        _pageIndex = 1
                    }
                    if (pageCount > 1) {
                        CallPage._dialogItemChangeInterval = setTimeout(function () {
                            that.render()
                        }, _pageChangeInterval * 1000)
                    }
                }
            }

        })(Utils, window, document, TTS)
        window.onload = function () {

            var params = Utils.getQueryParams(window.location.href)
            if (params) {
                if (params.server_url) {
                    Utils.baseUrl = params.server_url
                }
                if (params.customer_title) {
                    document.querySelector('div.yy-screen-header_customer div.customer-title').innerHTML = decodeURIComponent(params.customer_title)
                }
                if (params.customer_logo) {
                    document.querySelector('div.yy-screen-header_customer div.customer-logo > img').setAttribute("src", decodeURIComponent(params.customer))
                    document.querySelector('div.yy-screen-header_customer div.customer-logo').style.display = ''
                } else {
                    document.querySelector('div.yy-screen-header_customer div.customer-logo').style.display = 'none'
                }
                CallPage.setMeta(params.client_id, params.app_key, params.app_secret, window.Android)
            }

            DateTimeRender.render(null, function (dateArr, week) {
                document.querySelector('.yy-screen-header_time > .yy-screen-header_time-date > div:first-child').innerText = week
                document.querySelector('.yy-screen-header_time > .yy-screen-header_time-date > div:nth-child(2)').innerText = dateArr[1]+'月'+dateArr[2]+'日'
                document.querySelector('.yy-screen-header_time > .yy-screen-header_time-hour').innerText = dateArr.slice(3).join(":")
            })
            Utils.resetFontSize()

            window.onresize = function () {
                Utils.resetFontSize()
            }

        }

    </script>
</head>
<body class="yy-call">
  <div class="yy-screen-header">
      <div class="yy-screen-header_customer">
          <div class="customer-logo" style="width: 0.9rem;">
              <img style="width:100%;" />
          </div>
          <div class="customer-title">
          </div>
      </div>
      <div class="yy-screen-header_title">
            中医理疗状态显示屏
      </div>
      <div class="yy-screen-header_time">
          <div class="yy-screen-header_time-date">
              <div></div>
              <div style="font-size: 0.22rem;"></div>
          </div>
          <div class="yy-screen-header_time-hour" style="display: flex; align-items: center;font-size: 0.4rem;margin-left: 0.05rem;"></div>
      </div>
  </div>
  <div class="yy-screen-content">
      <div class="yy-screen-content_row" style="background: #217021;">
          <div class="yy-screen-content_row-dept">
              <div class="yy-screen-content_row-dept-title">针伤推1</div>
              <div class="yy-screen-content_row-dept-doctor">
                  <span>医生: 王某某</span>
                  <span>候诊: 8人</span>
              </div>
              <div class="yy-screen-content_row-dept-next">下一位: 李某和</div>
          </div>
          <div class="yy-screen-content_row-cell">
              <div class="yy-screen-content_row-cell-list">
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位1</div>
                      <div>患者: 李某宏</div>
                      <div>就诊: 13:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位2</div>
                      <div>患者: 刘某青</div>
                      <div>就诊: 14:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位3</div>
                      <div>患者: 宋某</div>
                      <div>就诊: 15:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位4</div>
                      <div>患者: 庞某利</div>
                      <div>就诊: 16:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位5</div>
                      <div>患者: 弘某</div>
                      <div>就诊: 17:30</div>
                  </div>
              </div>
          </div>
      </div>
      <div class="yy-screen-content_row" style="background: #194488;">
          <div class="yy-screen-content_row-dept">
            <div class="yy-screen-content_row-dept-title">针伤推2</div>
            <div class="yy-screen-content_row-dept-doctor">
                <span>医生: 宋某某</span>
                <span>候诊: 18人</span>
            </div>
            <div class="yy-screen-content_row-dept-next">下一位: 张某</div>
          </div>
          <div class="yy-screen-content_row-cell">
              <div class="yy-screen-content_row-cell">
                  <div class="yy-screen-content_row-cell-list">
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位1</div>
                          <div>患者: 李某宏</div>
                          <div>就诊: 13:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位2</div>
                          <div>患者: 刘某青</div>
                          <div>就诊: 14:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位3</div>
                          <div>患者: 宋某</div>
                          <div>就诊: 15:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位4</div>
                          <div>患者: 庞某利</div>
                          <div>就诊: 16:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位5</div>
                          <div>患者: 弘某</div>
                          <div>就诊: 17:30</div>
                      </div>
                  </div>
              </div>
              <div class="yy-screen-content_row-cell">
                  <div class="yy-screen-content_row-cell-list">
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位6</div>
                          <div>患者: 李某宏</div>
                          <div>就诊: 13:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位7</div>
                          <div>患者: 刘某青</div>
                          <div>就诊: 14:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位8</div>
                          <div>患者: 宋某</div>
                          <div>就诊: 15:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位9</div>
                          <div>患者: 庞某利</div>
                          <div>就诊: 16:30</div>
                      </div>
                      <div class="yy-screen-content_row-cell-list-item">
                          <div>床位10</div>
                          <div>患者: 弘某</div>
                          <div>就诊: 17:30</div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="yy-screen-content_row" style="background: #ab6124;">
          <div class="yy-screen-content_row-dept">
              <div class="yy-screen-content_row-dept-title">针伤推3</div>
              <div class="yy-screen-content_row-dept-doctor">
                  <span>医生: 张某</span>
                  <span>候诊: 3人</span>
              </div>
              <div class="yy-screen-content_row-dept-next">下一位: 李某和</div>
          </div>
          <div class="yy-screen-content_row-cell">
              <div class="yy-screen-content_row-cell-list">
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位1</div>
                      <div>患者: 李某宏</div>
                      <div>就诊: 13:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位2</div>
                      <div>患者: 刘某青</div>
                      <div>就诊: 14:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位3</div>
                      <div>患者: 宋某</div>
                      <div>就诊: 15:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">

                  </div>
                  <div class="yy-screen-content_row-cell-list-item">

                  </div>
              </div>
          </div>
      </div>
      <div class="yy-screen-content_row" style="background: #c7a623;">
          <div class="yy-screen-content_row-dept">
              <div class="yy-screen-content_row-dept-title">针伤推4</div>
              <div class="yy-screen-content_row-dept-doctor">
                  <span>医生: 张某</span>
                  <span>候诊: 2人</span>
              </div>
              <div class="yy-screen-content_row-dept-next">下一位: 李某和</div>
          </div>
          <div class="yy-screen-content_row-cell">
              <div class="yy-screen-content_row-cell-list">
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位1</div>
                      <div>患者: 李某宏</div>
                      <div>就诊: 13:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位2</div>
                      <div>患者: 刘某青</div>
                      <div>就诊: 14:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位3</div>
                      <div>患者: 宋某</div>
                      <div>就诊: 15:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">
                      <div>床位4</div>
                      <div>患者: 宋某</div>
                      <div>就诊: 15:30</div>
                  </div>
                  <div class="yy-screen-content_row-cell-list-item">

                  </div>
              </div>
          </div>
      </div>
  </div>
  <div class="yy-screen-footer">
      <div class="yy-screen-footer_company"></div>
      <div class="yy-screen-footer_text marquee" id="scrollText">
          <pre>       请保持安静，为了您和他人的健康,请勿在医院内吸烟!       </pre>
          <pre>       请保持安静，为了您和他人的健康,请勿在医院内吸烟!      </pre>
      </div>
  </div>

  <div id="yy-screen-just-call" style="display: none;">
      <div class="yy-screen-just-call__message"></div>
  </div>
  <div id="html-template-container" style="display: none; position: absolute; z-index: -1; width: 0;height: 0; overflow: hidden;">

  </div>
</body>
</html>